extends ../../components/layout
append style
  +css('demo/demo.css')
  style.
    .test {
      padding: 16px;
    }
block title
  title loadmore
block content
  .gzl-page
    .gzl-section#content
      header.demos-header
        .demos-title 标签
      .test
        p Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur fugit perspiciatis totam distinctio velit maxime eius, inventore praesentium quidem consequuntur impedit dolorem autem? Magni earum vitae reprehenderit quo nam tempore?
        p Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur fugit perspiciatis totam distinctio velit maxime eius, inventore praesentium quidem consequuntur impedit dolorem autem? Magni earum vitae reprehenderit quo nam tempore?
        p Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur fugit perspiciatis totam distinctio velit maxime eius, inventore praesentium quidem consequuntur impedit dolorem autem? Magni earum vitae reprehenderit quo nam tempore?
        p Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur fugit perspiciatis totam distinctio velit maxime eius, inventore praesentium quidem consequuntur impedit dolorem autem? Magni earum vitae reprehenderit quo nam tempore?
        p Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur fugit perspiciatis totam distinctio velit maxime eius, inventore praesentium quidem consequuntur impedit dolorem autem? Magni earum vitae reprehenderit quo nam tempore?
        p Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur fugit perspiciatis totam distinctio velit maxime eius, inventore praesentium quidem consequuntur impedit dolorem autem? Magni earum vitae reprehenderit quo nam tempore?
        p Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur fugit perspiciatis totam distinctio velit maxime eius, inventore praesentium quidem consequuntur impedit dolorem autem? Magni earum vitae reprehenderit quo nam tempore?
        p Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur fugit perspiciatis totam distinctio velit maxime eius, inventore praesentium quidem consequuntur impedit dolorem autem? Magni earum vitae reprehenderit quo nam tempore?
        p Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur fugit perspciatis totam distinctio velit maxime eius, inventore praesentium quidem consequuntur impedit dolorem autem? Magni earum vitae reprehenderit quo nam tempore?
        p Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur fugit perspiciatis totam distinctio velit maxime eius, inventore praesentium quidem consequuntur impedit dolorem autem? Magni earum vitae reprehenderit quo nam tempore?
        p Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur fugit perspiciatis totam distinctio velit maxime eius, inventore praesentium quidem consequuntur impedit dolorem autem? Magni earum vitae reprehenderit quo nam tempore?
        p Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur fugit perspiciatis totam distinctio velit maxime eius, inventore praesentium quidem consequuntur impedit dolorem autem? Magni earum vitae reprehenderit quo nam tempore?
        p Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur fugit perspiciatis totam distinctio velit maxime eius, inventore praesentium quidem consequuntur impedit dolorem autem? Magni earum vitae reprehenderit quo nam tempore?
        p Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur fugit perspiciatis totam distinctio velit maxime eius, inventore praesentium quidem consequuntur impedit dolorem autem? Magni earum vitae reprehenderit quo nam tempore?
        p Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur fugit perspiciatis totam distinctio velit maxime eius, inventore praesentium quidem consequuntur impedit dolorem autem? Magni earum vitae reprehenderit quo nam tempore?
        p Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur fugit perspiciatis totam distinctio velit maxime eius, inventore praesentium quidem consequuntur impedit dolorem autem? Magni earum vitae reprehenderit quo nam tempore?
        p Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur fugit perspiciatis totam distinctio velit maxime eius, inventore praesentium quidem consequuntur impedit dolorem autem? Magni earum vitae reprehenderit quo nam tempore?
        p Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur fugit perspiciatis totam distinctio velit maxime eius, inventore praesentium quidem consequuntur impedit dolorem autem? Magni earum vitae reprehenderit quo nam tempore?
        p Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur fugit perspiciatis totam distinctio velit maxime eius, inventore praesentium quidem consequuntur impedit dolorem autem? Magni earum vitae reprehenderit quo nam tempore?
        p Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur fugit perspiciatis totam distinctio velit maxime eius, inventore praesentium quidem consequuntur impedit dolorem autem? Magni earum vitae reprehenderit quo nam tempore?
block script
  script.
    require(['loadmore'], function () {
      var num = 2;
      $("#content").infinite().on("infinite", function() {
        var self = this;
        if(self.loading) return;
        self.loading = true;
        setTimeout(function() {
          if (num > 0){
            $(self).find(".test").append("<p>我是加载的新内容。我是加载的新内容。。。我是加载的新内容。。。我是加载的新内容。。。我是加载的新内容。。。我是加载的新内容。。。我是加载的新内容。。。我是加载的新内容。。。我是加载的新内容。。。。。</p>");
            self.loading = false;
            num--;
            if (num === 0) {
              self.loading = true;
              //- $(self).destroyInfinite().loadend();
              $(self).destroyInfinite();
            }
          }
        }, 500);   //模拟延迟
      });
    })